{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}
{% load static %}
{% load django_bootstrap5 %}
{% block pagehead %}
    <link rel="stylesheet" href="{% static 'ietf/css/datepicker.css' %}">
{% endblock %}
{% block title %}Make last call for {{ doc.name }}{% endblock %}
{% block content %}
    {% origin %}
    <h1>
        Make last call
        <br>
        <small class="text-body-secondary">{{ doc.name }}</small>
    </h1>
    <div class="my-3">
        <label>Last call text</label>
        <pre class="border p-3">{{ announcement }}</pre>
    </div>
    <form enctype="multipart/form-data" method="post">
        {% csrf_token %}
        {% bootstrap_form form %}
        <button type="submit" class="btn btn-primary">Submit</button>
        <button type="reset" class="btn btn-warning">Reset</button>
        <a class="btn btn-secondary float-end" href="{{ doc.get_absolute_url }}">Back</a>
    </form>
{% endblock %}
{% block js %}
    <script src="{% static 'ietf/js/datepicker.js' %}"></script>
    <script>
        $('#id_last_call_sent_date, #id_last_call_expiration_date').datepicker({
            format: "yyyy-mm-dd",
            todayBtn: "linked",
            todayHighlight: true
        }).wrap('<div class="input-group mb-3"></div>').parent().prepend('<span class="input-group-text"><i class="bi bi-calendar"></i></span>');
    </script>
{% endblock %}